// const path = require('path');

// module.exports = ({ file }) => {
//   // vant团队的是根据375px的设计稿去做的
//   const designWidth = file.dirname.includes(path.join('node_modules', 'vant')) ? 375 : 750;
//   return {
//     plugins: {
//       autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
//       // 'postcss-px-to-viewport': {
//       //   unitToConvert: "px", // 要转化的单位
//       //   // UI设计稿的宽度
//       //   viewportWidth: designWidth, 
//       //   unitPrecision: 6, // 转换后的精度，即小数点位数
//       //   propList: ["*"], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
//       //   viewportUnit: "vw", // 指定需要转换成的视窗单位，默认vw
//       //   fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位，默认vw
//       //   selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名，
//       //   minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
//       //   mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
//       //   replace: true, // 是否转换后直接更换属性值
//       //   // exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
//       //   landscape: false // 是否处理横屏情况
//       // },
//     },
//   };
// }

module.exports = {
  plugins: {
    'autoprefixer': {
      overrideBrowserslist: [
        "Android 4.1",
        "iOS 7.1",
        "Chrome > 31",
        "ff > 31",
        "ie >= 8",
        "last 10 versions", // 所有主流浏览器最近10版本用
      ],
      grid: true
    },
    'postcss-pxtorem': {
      rootValue({ file }) {
        // return file.indexOf('vant') !== -1 ? 37.5 : 75;
        return file.indexOf('vant') !== -1 ? 37.5 : 37.5;
      },
      propList: ['*'],  // 需要转换的属性列表, *表示所有
      mediaQuery: true, //允许在媒体查询中转换px
      unitPrecision: 5, // 保留5位小数位
      minPixelValue: 12,  //设置小于12px将不会进行转换
      // selectorBlackList: [], //对css选择器进行过滤，比如你设置为['fs']，那例如fs-xl类名，里面有关px的样式将不被转换，这里也支持正则写法
    }
  }
};